.img-content{position: relative; }

.img-content table{width: 100%; border: 1px solid #ccc; }
.img-content table tr{border-bottom: 1px solid #ccc; }
.img-content table tr td{min-width: 50px;text-align: center;height: 61px;position: relative;}
.img-content table tr td select{outline: 0; border: 0; background: #eff0f4; }
.img-content table tr td select option{outline: 0; border: 0; }
.img-content table tr td button{background: none; }
.img-content table tr td button:hover{background: #812505;color: #fff;}
.img-content table tr td select option:hover {/* color: #ffa500; */ background: #ffa500; }
.img-content table tr td img.display-img{position: absolute;max-width: 50px;max-height: 50px;width: 64px;top: 5px;left: 50%;margin-left: -25px;}
.img-content table tr td img{width: 36px;cursor: pointer;transition: 0.5s;}
.img-content table tr td i{padding: 8px; cursor: pointer; }
.img-content table tr td a{}
.img-content table tr.li-title{border-top: 1px solid #ccc; line-height: 50px; }
.img-content table tr.li-title td{color: #000; }

.img-content table tr td img.display-img.show-img{position: fixed;width: 500px;/* top: 70px; */transition: 0.5s;max-width: 1000px;max-height: 1000px;z-index: 999;/* margin-left: -250px; */left: 5%;}
.img-content table tr td.td-re{position: inherit;}
.img-content table tr td span{display: none;}
.img-content table tr td span textarea{outline: 0; }
.img-content table tr td span input{display: inline-block; }
.img-content table tr td p em{font-style: normal;}
.page-add-title{background: rgba(193, 76, 36, 0.58);/* margin: 5px 20px; *//* border-radius: 8px; */padding: 10px 20px;overflow: hidden;}
.page-heading form{/* float: initial; */display: inline-block;margin: 0 auto;position: absolute;left: 50%;margin-left: -260px;top: 23px;}
.page-heading span.left{position: relative;display: inline-block;box-shadow: 0px 0px 5px #812505;border-radius: 6px;}
.page-heading span.left i{font-style: normal; color: #000; }
.page-heading span.left input.input{width: 337px;line-height: 30px;border: 0;outline: 0;padding: 2px 20px;font-size: 14px;border-radius: 4px;height: 30px;border-radius: 8px 0 0 8px;}
.page-heading span.left input.search{height: 30px;border: 0;outline: 0;background:url(./images/search.png) center center no-repeat #812505;border-radius: 0 3px 3px 0;margin-left: -6px;color: #fff;width: 28px;float: right;position: relative;background-size: 18px;}
.page-heading span.left select{
  position: absolute;
  right: 41px;
  top: 0px;
  border: 0;
  outline: 0;
  width: 56px;
  appearance: none;
  -moz-appearance:none;
  -webkit-appearance:none;     
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("./images/select-right.png") right  no-repeat;
  }



.page-heading span.left select option{}
.page-heading span.right{float: right; margin-right: 50px; font-size: 25px; color: #be4700; line-height: 36px; cursor: pointer; }
.page-add-content{display: none;s}
.page-add-content ul{float: left;width: 100%;padding: 0;}
.page-add-content ul li{list-style: none;overflow: hidden;margin-top: 20px;border-bottom: 1px solid #ccc;}
.page-add-content ul li span{float: left;width: 100px;line-height: 32px;}
.page-add-content ul li select{}
.page-add-content ul li select option{}
.page-add-content ul li input.file{display: inline-block; }
.page-add-content ul li textarea{float: left;outline: 0;width: 96%;}
.page-add-content .container{width: 96%; }
.page-add-content .container label{}
.page-add-content .container input#file_input{display: inline-block; }
.page-add-content img{display: inline-block;float: left;width: 150px;max-height: 320px;}
.page-add-content #result{overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-left: 20px;position: relative;}
.page-add-content #result .i-id{display: block;width: 20px;height: 20px;background: #ffa500;position: absolute;right: 10%;cursor: pointer;text-align: center;font-family: inherit;color: #6f6f6f;transition: 0.2s;}
.page-add-content #result .i-id:hover{background: #a9460b; color: #fff; }
input.save-more{margin-left: 100px;width: 80px;height: 36px;border: 0;background: #812505;border-radius: 5px;color: #fff;font-size: 18px;}
input.reset-more{margin-left: 10px;width: 80px;height: 36px;border: 1px solid #812505;background: none;border-radius: 5px;color: #812505;font-size: 18px;}


.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
.head{border-bottom:1px solid #dadada; padding:0 0 5px}
.head_inner{margin:0 auto; width:980px}
.container{width: 98%;/* min-height:600px; */margin:30px auto 0 auto;border:1px solid #d3d3d3;background:#fff;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding-top: 10px;padding-bottom: 20px;}
.demo>h2.title{margin:4px 0 30px; padding:15px 0 10px 20px; border-bottom:1px solid #d3d3d3; font-size:18px; color:#a84c10; background:url(../images/arrow.jpg) no-repeat 2px 14px}
.foot{height:60px; padding:10px 2px; line-height:24px; text-align:center}
.foot a:hover{color:#51555c}
.btn{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color: #eff0f4;color: #812505;display:inline-block;height:28px;line-height:28px;text-align:center;padding:0 12px;transition:background-color .2s linear 0s;border:0;cursor:pointer;font-family: 'weiruanyehei';}
.btn:hover{background-color: #812505;text-decoration:none;}
.demo{width:700px; margin:0 auto}
ul.ul_demo li{background:url("../images/demo_icon.gif") no-repeat scroll 0 6px; line-height:28px; padding-left:20px}
.input,.table input[type='text']{border:1px solid #ccc; padding:0 5px; width:220px; height:26px; line-height:26px}
#nav{float:right; margin:30px 0 0}
#nav li{float:left; font-size:16px; margin-right:20px}
.btn.loading{opacity:.5}
h3 a.cur{color: #f30;}
.demo h3 a{font-size: 14px; margin: 0 10px 5px 0; display: inline-block}
.red{color:red}
.notice{font-size: 14px; margin-bottom: 10px;}
.table_parameters{border-left: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; margin: 6px auto; font-size: 14px}
.table_parameters tr.tr_head{background: none repeat scroll 0 0 #f7f7f7; font-weight: bold; padding: 6px; text-align: center}
.table_parameters td,.table_parameters th{border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; line-height: 26px; padding: 2px}
h1{font: 32px "Microsoft Yahei"; margin: 40px auto; text-align: center;}
h2{font-size: 16px;margin:10px 0;}
.menu{height: 30px; margin-bottom: 30px; padding: 10px; background-color: #f0f0f0; text-align: center;}
.menu a{display: inline-block; height: 30px; padding: 0 20px; line-height: 30px; font-size: 14px; color: #333; text-decoration: none;}
.menu a:hover{color: #000; background-color: #e9e9e9;}
.menu .cur{background-color: #ddd !important; color: #000;}
.vad{margin:80px 0 5px; font-family: arial,ç€¹å¬©ç¶‹,sans-serif; text-align:center;}
.vad a{display:inline-block; height: 36px; line-height: 36px; margin:0 5px; padding:0 50px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover{color:#fff; background-color:#000;}
.thead{width: 728px; height: 90px; margin: 0 auto;}
.wrap{width: 960px; margin: 0 auto; font: 14px Tahoma,Helvetica,Arial,"ç€¹å¬©ç¶‹";}
.wrap p{margin: 14px 0; text-align: center;}
.wrap h2{margin-bottom: 20px; padding: 5px 2px; border-bottom: 1px solid #ccc; font: 500 24px "Microsoft Yahei";}
.wrap ul{margin-top: 20px; list-style-type: none; overflow: hidden; zoom: 1;}
.wrap ul li{position: relative; float: left; width: 300px; margin: 0 10px 20px;}
.wrap ul a{float: left; width: 300px; height: 60px; line-height: 60px; color: #333; text-align: center; text-decoration: none; background-color: #eee;}
.wrap ul .downLink{position: absolute; right: 0; bottom: 0; width: auto; height: auto; padding: 5px 10px; line-height: normal; font-size: 12px; color: #666; background-color: #ddd;}
.wrap ul .downLink:hover{color: #000;}
.per{border-bottom: 1px dotted #ddd; padding: 20px 0}
.per h3{margin-bottom: 6px; font-size: 14px}
.per p{margin: 3px 0}
.parea p{margin:12px 0; font-size: 14px}
textarea{border: 1px solid #ccc; font-size: 12px; height: 100px; line-height: 18px; padding: 5px; width: 300px;}
.table td{padding:10px 0}
.error{color:red}
.disabled{opacity:.6; filter:alpha(opacity=60)}
.notice{font-weight: bold;font-size: 16px;}
.demo>p{line-height: 30px;font-size: 14px}
.demo>p a{font-size: 14px}
.demo h3{font-size: 16px;margin:20px 0}
select{background-color: #fff; background-position: right center; background-repeat: no-repeat; border: 1px solid #888; border-radius: 3px; box-sizing: border-box; font: 12px/1.5 Tahoma,Arial,sans-serif; height: 30px; padding: 0 4px;}
fieldset{border: 1px solid #ccc; border-radius: 5px; margin: 1em 0; padding: 10px 20px;}
dl.row dt{width: 2em;}
dl.row dt{clear: left; float: left; line-height: 30px; padding: 5px; text-align: right; width: 6em;}
dl.row dd{float: left; padding: 5px;}
fieldset legend{font: bold 14px/2 "å¯°î†¿è’‹é—†å‘´ç²¦";}
.pager{text-align:right;}
.pager a{padding:3px 8px;margin-left:3px;line-height:20px;background:#f9f9f9;border:1px solid #DBDBDB;text-decoration: none}
.pager a:hover,
.pager a.current{background-color:#7CD5B1;color:#fff;border:1px solid #7CD5B1;cursor:pointer;}
.page{text-align: center;/* margin:50px 0 */}
.page a,.page span.prev_disabled{border: 1px solid #ededed; color: #3d3d3d; font-weight: 700; height: 35px; line-height: 35px; margin-left:5px; min-width: 9px; padding: 0 13px; text-align: center; text-decoration: none; vertical-align: top; font-family: "simsun";display: inline-block}
.page span.prev_disabled{cursor: default;color:#ccc;margin:0 10px 0 0}
.page a.current{background-color: #f40; border-color: #f40; color: #fff; font-weight: 700; position: relative; z-index: 1;}
.page .extra{display: inline-block; margin-left: 10px; height: 35px; line-height: 35px; color: #656565;}
.page .page-num{border: 1px solid #ededed; height: 21px; text-align: center; width: 35px; display: inline-block}
.page .page-submit{background-clip: padding-box; border: 1px solid #ededed; border-radius: 2px; cursor: pointer; height: 21px; line-height: 21px; text-align: center; width: 43px; display: inline-block}
.page .page-submit:hover{border-color: #f40; color: #f40;}
.page a:focus, .page a:hover{border-color: #812505;z-index: 1;}
.loading{margin:30px 0;text-align: center}      
.btn{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color: #812505;display: inline-block;height: 28px;line-height: 28px;text-align: center;width: 82px;transition: background-color 0.2s linear 0s;border:none;cursor:pointer;margin: 0 0 8px;}
.demo{width: 100%;margin:0 auto;line-height: 15px;padding: 15px;overflow: hidden;}
.btn:hover{background-color: #eff0f4;text-decoration: none;color: #812505;}
.ul_pics li{float:left;width: 100%;height: 244px;border: 0px solid #ddd;padding:2px;text-align: left;margin:0 5px 5px 0;position: relative;}
.ul_pics li .img{width: 100%;height: 140px;/* display: table-cell; *//* vertical-align: middle; */}
.ul_pics li img{max-width: 200px;max-height: 200px;vertical-align: middle;float: left;margin-right: 20px;}
.progress{position:relative;padding: 1px; border-radius:3px; margin:60px 0 0 0;} 
.bar {background-color: green; display:block; width:0%; height:20px; border-radius:3px; } 
.percent{position:absolute; height:20px; display:inline-block;top:3px; left:2%; color:#fff } 

.ul_pics li dl{float: left; }
.ul_pics li dl dd{margin-top: 20px;}
.ul_pics li dl dd span{width: 60px;float: left;}
.ul_pics li dl dd select{outline: 0;}
.ul_pics li dl dd select option{  }
.ul_pics li dl dd textarea{outline: 0;}
.ul_pics li .img p{text-align: right; position: absolute; right: 10px; top: 8px; padding: 5px; cursor: pointer; }
.ul_pics li .img p.name{display: none;}
.img-content table tr.li-title td a{display: inline-block;width: 8px;height: 6px;background-size: 100%!important;position: relative;cursor: pointer;}
.img-content table tr.li-title td a.top{background: url(../images/top.png) center center no-repeat;top: -3px;left: 4px;}
.img-content table tr.li-title td a.bottom{background: url(../images/bottom.png) center center no-repeat;top: 3px;left: -4px;}
.img-content table tr.li-title td a.top:hover,.img-content table tr.li-title td a.top.on{background: url(../images/top_hover.png) center center no-repeat;}
.img-content table tr.li-title td a.bottom:hover,.img-content table tr.li-title td a.bottom.on{background: url(../images/bottom_hover.png) center center no-repeat;}
.modal-footer button.btn{float: right;margin-right: 8px;color: #fff;}
.notification-menu .dropdown-toggle{background: #ffffff;padding: 0;padding: 5px 10px;width: auto;height: auto;margin-top: 5px;color: #444;font-size: 16px;}
i.add-img{display: block;width: 32px;height: 32px;background: #ff8400;border-radius: 50%;position: relative;float: left;cursor: pointer;margin-right: 20px;}
i.add-img:before{content: ""; position: absolute; width: 6px; height: 21px; background: #fff; left: 50%; margin-left: -3px; top: 4px;}
i.add-img:after{content:"";position: absolute; width: 22px; height: 6px; background: #fff; top: 50%; margin-top: -4px; left: 5px;}




.page-add-title span.right span{color: #000; font-size: 16px; font-weight: 600; float: right; margin-right: 10px; }
.page-add-title span.right span a{color: #000000; }

#deleteModel .modal-content .modal-header .close{opacity: 1}
#deleteModel .modal-content .modal-header{background: #812505; }
#deleteModel .modal-content .modal-footer{}
#deleteModel .modal-content .modal-footer .btn-default{border: 1px solid #812505; color: #812505; background: none; }
#deleteModel .modal-content .modal-footer .deleteRemove{background: #812505; }



.wrapper .page-list a{font-size: 16px;padding: 0;background: #812505;color: #fff;line-height: 24px;height: 24px;}
.wrapper .page-list .current{font-size: 16px;padding: 2px 3px;color: #fff;height: 24px;line-height: 21px;font-weight: 500;}


.wrapper .page-list .right{float: left;color: #000000;padding: 10px 0 0 50px;}
.wrapper .page-list .za{float: right;padding: 10px 10px 0 0;line-height: 24px;}
.wrapper .page-list .zi{float: left;padding: 0 5px 0 0;}
.wrapper .page-list .all{float: left;padding: 0 0 0 5px;}
.wrapper .page-list .info{float: right;}
.wrapper .page-list .info input{border:solid #ccc 1px;width: 50px;height: 24px;padding: 0 5px;outline: 0;margin-right: 5px;}
.wrapper .page-list .tiaozhuan{padding: 0 0 0 5px;}
.wrapper .page-list .page{float: left;padding: 0 20px 0 20px;}
.wrapper .page-list .page a{float:left;display:block;margin: 0 1px 0 1px;color: #FFFFFF;height: 25px;padding: 3px 5px;line-height: 19px;font-weight: 500;width: auto;background: #812505;}
.wrapper .page-list .current{float:left;display:block;margin: 0 1px 0 1px;background: #c14c24;/* width: 20px; */height: 24px;text-align: center;}
.wrapper .page-list .num{background: #2c2c2c;width: 20px;height: 20px;text-align: center}
.wrapper .page-list .prev{width: 60px;height: 20px;background: none!important;text-align: center;color: #7a7676!important;font-size: 12px;font-weight: 500;border: 0;}
.wrapper .page-list .next{width: 60px;height: 20px;background: #8a8787;text-align: center;font-weight: 500;}
.wrapper .page-list .first{width: 40px;height: 20px;background: none!important;text-align: center;color: #7a7676!important;font-size: 14px;font-weight: 500;border: 0;}
.wrapper .page-list .end{width: 40px;height: 20px;background: #812505;text-align: center;}

.wrapper .page-list .info a{padding: 0px 8px; line-height: 24px; font-size: 14px; height: 24px; display: inline-block; border-radius: 2px; text-decoration: initial; }
.wrapper .page-list a.next{background: none; border: 0; color: #7a7676; font-size: 13px; }














